<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>测试点击</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"/>
        <script src="http://hbweixin.twomi.cn/2016wap/beijingmarathon/assets/zepto.min.js"></script>
        <style>
        body {
            padding: 50px;
            overflow: auto;
        }
        div {
            left: 10%;
            top: 10%;
        }
        section {
            position: relative;
        }
        </style>
    </head>
    <body>
        <section>
            <div class="popup popup-login popup-logo" style="position:fixed;" id="js_pop_auth">
                <form onsubmit="return false;" class="form-wrap" id="js_form_auth">
            		<h3>登录fixed</h3>
                    <label><input class="form-input" type="text" name="customer_idnumber" placeholder="请输入身份证号"
        			 data-validate="identity" data-errormsg="请输入正确的身份证号!"></label>
                     <button class="btn">登录</button>
            	</form>
            </div>
        </section>

                <section>
    <div style="margin-top: 300px;" class="popup popup-login popup-logo" style="position:absolute;" id="js_pop_auth">
<form onsubmit="return false;" class="form-wrap" id="js_form_auth">
    <h3>登录absolute</h3>
    <label><input class="form-input" type="text" name="customer_idnumber" placeholder="请输入身份证号"
     data-validate="identity" data-errormsg="请输入正确的身份证号!"></label>
     <button class="btn">登录</button>
</form>
</div>
</section>

        <script>
        $('button').click(function(e) {
            alert(111);

        	e.preventDefault();
        	e.stopPropagation();
        });
        document.body.ontouchmove=function(e){
            e.preventDefault();
        };
        </script>
    </body>
</html>
